<template>
  <div>
    <p>我是子组件</p>
    <p>props验证-进行校验，检查类型，必填项，默认值，自定义校验函数</p>
    <p>{{info1}}</p>
    <p>{{info2}}</p>
    <p>{{info3}}</p>
    <p>{{info4}}</p>
    <p>{{info5}}</p>
    <p>{{info6}}</p>
  </div>
</template>
<script>
export default {
  props: {
    // 进行校验，检查类型，必填项，默认值，自定义校验函数
    info1: Number,
    info2: [Number, String],
    info3: {
      type: Boolean
    },
    info4: {
      type: String,
      // 是否必填
      required: true
    },
    info5: {
      // 指定默认值
      default: 'hello'
    },
    info6: {
      validator(val) {
        // 根据实际情况写函数
        return val[3] === 4
      }
    }
  },
  data() {
    return {
     
    }
  },
  created() {
   
  },
  methods: {
    
  }
}
</script>
<style scoped>

</style>